.card-dialog {
  position: fixed;
  top: 10vh;
  min-height: 30vh;
  z-index: 200;
  .dialog-head {
    position: relative;
    z-index: 1;
    height: 26px;
    margin: 15px 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    .head-title {
      position: relative;
      display: flex;
      background-image: url('/images/title.png');
      background-size: 100% 100%;
      background-repeat: no-repeat;
      height: 26px;
      align-items: center;
      min-width: 130px;
      z-index: 1;
      .head-icon {
        width: 20px;
        height: 20px;
        background-image: url('/images/icon1.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
      }
      .head-text {
        height: 20px;
        line-height: 20px;
        margin-left: 10px;
        color: #fff;
        padding-right: 17px;
      }
    }
    .head-button {
      .close-button {
        cursor: pointer;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        &:hover {
          font-size: 16px;
          margin-right: -1px;
        }
      }
    }
  }
  .dialog-content {
    position: relative;
    z-index: 1;
    padding: 15px 15px 20px;
  }
  .modules-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    &::before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      background: #2c6e95ee;
      border: 2px solid #1d77c4;
      clip-path: polygon(
        10px 0%,
        calc(100% - 10px) 0%,
        100% 10px,
        100% calc(100% - 10px),
        calc(100% - 10px) 100%,
        10px 100%,
        0% calc(100% - 10px),
        0% 10px
      );
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
    }
    .modules-bg-corner {
      position: absolute;
      width: 2px; /* 调整为适当的值 */
      height: calc(10px * 1.414 - 2px); /* 调整为适当的值 */
      background-color: #1d77c4;
    }
    .top-left {
      top: 0px;
      left: 4px;
      transform: rotate(45deg);
    }
    .top-right {
      top: 0px;
      right: 4px;
      transform: rotate(315deg);
    }
    .bottom-left {
      bottom: 0px;
      left: 4px;
      transform: rotate(315deg);
    }
    .bottom-right {
      bottom: 0px;
      right: 4px;
      transform: rotate(45deg);
    }
  }
}
